<%-- 
    Document   : index
    Created on : Apr 21, 2011, 1:26:25 PM
    Author     : JAVA
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MySweetHome</title>
        <link rel="stylesheet" type="text/css" href="css/MySweetHome.css">
        <script type="text/javascript" src="script/jquery-1.5.1.js" >

        </script>
        <script type="text/javascript">
            $(function(){
                $('#SearchOptionButton').change(function(){
                    $('#searchCriteria').load('GetSearch.do?name='+$('#SearchOptionButton').val());
            });
            });
            
        </script>
    </head>
    <body>
        <div id="main">
            <div id="header"></div>
            <div id="searchLeftColumn">
                <div id="searchBox">
                    <span class="searchTitle">Find Homes for Sale</span>
                    <span class="searchDescription">Search by City and State, or Zip, or MLS#</span><br/>
                    <span><input id="searchCity" type="text" name="city"></span>
                    <span><input id="searchButton" type="submit" value="Search" /></span>
                    <div id="searchCriteria">

                    </div>
                    <div id="searchChoose">
                        <div class="searchDescription">Search for</div>
                        <select  id="SearchOptionButton" class="SearchOptionClass" name="typeOfSearch">
                        <option value="searchBuy">New Home </option>
                        <option value="rental">Rentals</option>
                        <option value="rentalPayingGuest">Accommodation As Paying Guest</option>
                    </select>
                    </div>

                </div>
                <div id="searchResult">
                	<div class="searchResultItem">
                    <img src="#" alt="Image">
                    <span class="searchTitle">WINSTONE HOUSE</span>
                    </div>
                    <div class="searchResultItem"><img src="#" alt="Image"></div>
                    <div class="searchResultItem"><img src="#" alt="Image"></div>
                </div>
            </div>
            <div id="searchRightColumn"></div>
            <div id="footer"></div>
        </div>
    </body>
</html>
